.top {
    width: 1000px;
    /*width: 1920px;*/
    /*height: calc(1000 * 808px / 1920);*/
    height: 500px;
    display: block;
    background: url('../img/banner_qtah.jpg') no-repeat center;
    background-size: 100% 100%;
    color: white;
}

.body {
    display: flex;
    justify-content: center;
}

* {
    margin: 0;
}

/*margin,padding,border*/
.body > div > div:nth-child(2) {
    /*background-color: rebeccapurple;*/
    /*width: 200px;*/
    /*如果写负数，表示和上面的div有重叠*/
    /*margin-top: -10px;*/
    /*border: blue dashed 12px;*/
}

.body > div > div:nth-child(3) {
    /*background-color: #993f77;*/
    /*background-color:rgb(255,0,255);*/
}

/*公司信息*/
.top > div:nth-child(1) > div {
    width: 900px;
    /*border: 1px solid red;*/
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.top > div:nth-child(1) > div > div:nth-child(1) {
    width: 204px;
    height: 141px;
}

.top > div:nth-child(1) > div > div:nth-child(1) img {
    width: 100%;
    height: 100%;
}

/*公共的居中*/
.top > div {
    display: flex;
    justify-content: center;
}

.top > div > div {
    width: 900px;
}

/*结束*/
.top > div:nth-child(1) > div > div:nth-child(2) {
    display: flex;
    align-items: center;
}

.top > div:nth-child(1) > div > div:nth-child(2) > div {
    margin: 5px;
}

/*导航*/
.top > div:nth-child(2) {
    height: 50px;
    background-color: rgb(230, 145, 55);
    /*display: flex;*/
    /*justify-content: center;*/
}

.top > div:nth-child(2) > div {
    /*border: 1px solid red;*/
    /*width: 900px;*/
    display: flex;
    align-items: center;
}

.top > div:nth-child(2) > div > div {
    /*border: 1px solid blue;*/
    /*margin: 0 20px;*/
    padding: 0 20px;
    height: 50px;
    /*行高 */
    line-height: 50px;
}

/*鼠标移上去事件*/
.top > div:nth-child(2) > div > div:hover {
    background-color: white;
    color: rgb(230, 145, 55);
    cursor: default;
    border-radius: 10px;
}

/*广告信息*/
.top > div:nth-child(3) > div {
    /*border: 1px solid red;*/
}

/*元素选择器标签选择器*/
/*aaaaaa {*/
/*    margin-right: 10px;*/
/*}*/
.ad > div:nth-child(1) {
    margin-top: 20px;
    font-size: 40px;
}

.ad > div:nth-child(2) {
    font-size: 10px;
}

.ad > div:nth-child(2) > div {
    /*line-height: 20px;*/
    margin: 5px 0;
}

.ad > div:nth-child(3) {
    font-size: 30px;
    color: rgb(230, 145, 55);
}

/*odd奇数，even偶数*/
aa:nth-child(odd) {
    font-size: 20px;
    color: white;
    margin-right: -10px;
}

aa:nth-child(even) {
    margin-right: 40px;
}

.ad > div:nth-child(3) > div:last-child {
    /*缩进 em相对于当前字符缩进3个字符*/
    text-indent: 2em;
}

/*-------------------公共部分----------*/
.middle {
    display: flex;
    justify-content: center;
    margin: 50px 0;
}

.middle > div {
    width: 900px;
    /*border: 1px solid red;*/
}



/*-----------公共的标题样式*/
.title {
    color: rgb(230, 145, 55);
    font-size: 30px;
    font-family: 仿宋;
    /*padding: 10px;*/
}